<%-- 
    Document   : DanhSachSanPhamContent
    Created on : Nov 16, 2011, 8:04:15 PM
    Author     : NguyenKhoi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<div style="padding-top:10px;width:100%; height:33px">
    <div style="float:left; height:33px;width:722px;background-image:url(images/toobar.png)">
        <form action="" method="post">
            <table width="800" border="0" cellspacing="3">
                <tr>
                    <td width="66">Sort by</td>
                    <td width="204"><label for="sapXep"></label>
                        <select name="sapXep" id="sapXep" style="width:180px">
                        </select></td>
                    <td width="180">Số sản phẩm trên trang</td>
                    <td width="327"><label for="soSanPhamTrenTrang"></label>
                        <select name="soSanPhamTrenTrang" id="soSanPhamTrenTrang" style="width:180px">
                        </select>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div class="gridSelect"  onclick="btnGrid_onclick(this)" id="btnGrid" > </div>
    <div class="listNonSelect" onclick="btnList_onclick(this)" id="btnList" ></div>
</div> 
<div id="listProduct" style="display:none" class="roundBoxBottom">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr style="border-bottom:#CCC 1px solid" >
            <td width="17%" height="109" align="center" valign="middle" class="myunderline" >
                <a href="#"><img  src="images/MB829.jpg" alt=""/></a></td>
            <td width="29%" class="myunderline"><h4 class="productName"><a href="#">Apple Magic Mouse</a></h4>
                <p class="productInfo">The same Multi-Touch technology first introduced on the revolutionary iPhone comes to the mouse. It's called Magic Mouse, and it's the...</p></td>
            <td width="12%" class="myunderline"><img src="images/stars_61x13_bluonwht_40.gif" /><div class="instock">Based on 2879 reviews</div></td>
            <td width="42%" class="myunderline">
                <div class="productPrice">$69.00</div>
                <div class="instock">In Stock </div>
                <div class="instock">Free Shipping</div>
            </td>
        </tr>
        <tr style="border-bottom:#CCC 1px solid" >
            <td width="17%" height="109" align="center" valign="middle" class="myunderline" >
                <a href="#"><img  src="images/MB829.jpg" alt=""/></a></td>
            <td width="29%" class="myunderline"><h4 class="productName"><a href="#">Apple Magic Mouse</a></h4>
                <p class="productInfo">The same Multi-Touch technology first introduced on the revolutionary iPhone comes to the mouse. It's called Magic Mouse, and it's the...</p></td>
            <td width="12%" class="myunderline"><img src="images/stars_61x13_bluonwht_40.gif" /><div class="instock">Based on 2879 reviews</div></td>
            <td width="42%" class="myunderline">
                <div class="productPrice">$69.00</div>
                <div class="instock">In Stock </div>
                <div class="instock">Free Shipping</div>
            </td>
        </tr>
    </table>
</div>
<div id="gridProduct" class="roundBoxBottom">
    <ul>
        <li class="box">
            <a href="#">
                <img src="images/MC531_GEO_US.jpg" width="240" height="130" />
                <div class="productName">Apple iPad Camera Connection Kit</div>
                <div><img src="images/stars_61x13_bluonwht_30.gif" alt="" /></div>
                <div class="productPrice">$29.00</div>
                <div class="instock">Instock</div>
                <div class="instock">Free shipping</div>
            </a>
        </li>
        <li class="box">
            <a href="#">
                <img src="images/MC531_GEO_US.jpg" width="240" height="130" />
                <div class="productName">Apple iPad Camera Connection Kit</div>
                <div><img src="images/stars_61x13_bluonwht_30.gif" alt="" /></div>
                <div class="productPrice">$29.00</div>
                <div class="instock">Instock</div>
                <div class="instock">Free shipping</div>
            </a>
        </li>
        <li class="box">
            <a href="#">
                <img src="images/MC531_GEO_US.jpg" width="240" height="130" />
                <div class="productName">Apple iPad Camera Connection Kit</div>
                <div><img src="images/stars_61x13_bluonwht_30.gif" alt="" /></div>
                <div class="productPrice">$29.00</div>
                <div class="instock">Instock</div>
                <div class="instock">Free shipping</div>
            </a>
        </li>
        <li class="box">
            <a href="#">
                <img src="images/MC531_GEO_US.jpg" width="240" height="130" />
                <div class="productName">Apple iPad Camera Connection Kit</div>
                <div><img src="images/stars_61x13_bluonwht_30.gif" alt="" /></div>
                <div class="productPrice">$29.00</div>
                <div class="instock">Instock</div>
                <div class="instock">Free shipping</div>
            </a>
        </li>
    </ul>
    <div class="clearBoth" />
</div> 
